<template>
  <div class="main">
    <div class="article">
      假设有这样一个活动表格，根据所给的条件画出相对应的网络图<br/>
      <img :src="processNet01" width="100%"/><br/><br/>

      1、单代号网络图<br/>
属于最简单一类图，除了首尾，每个活动编号一个方框，再用剪线根据紧前活动关系把每个方框连起来，最后再在每个活动方框标上活动时间
      <br/><img :src="processNet02" width="100%"/>
      <br/><br/>

      2、双代号网络图<br/>

活动方框变成了步骤圆圈，每条箭线变成了活动编号，画图关键，把紧前关系放在箭线上，例如H、I活动的线是分别来自于DE、FG；最后在每条箭线上标注活动编号与它的活动时间
     <br/> <img :src="processNet03" width="100%"/><br/><br/>
      

      3、6时标网络图（7格图）<br/>

这个就是把单代号图中的每个方格换成7格图，分清楚7格图中需要填写的6个数据即可，先填写活动历时，确定好关键路径和总时间后然后采用倒推的方式，填写另外5个数。


6时标网络图是一种用于更详细地描述项目进度的网络图。除了描述活动的顺序关系外，还在图表中标记了项目开始、结束、各活动的最早开始时间（ES）、最晚开始时间（LS）、最早完成时间（EF）和最晚完成时间（LF）等关键时间点。

关键知识点：<br/>
最早开始时间（ES）：每个活动可以开始的最早时间。<br/>
最晚开始时间（LS）：每个活动必须开始的最晚时间，以不延误项目完成为目标。<br/>
最早完成时间（EF）：每个活动可以完成的最早时间。<br/>
最晚完成时间（LF）：每个活动必须完成的最晚时间，以不延误项目完成为目标。<br/>
<table>
  <tbody>
    <tr>
      <td>ES ,Earliest Start</td>
      <td>DU ,Duration</td>
      <td>EF ,Earliest Finish</td>
    </tr>
<tr>
      <td colspan="3">活动名称</td>
    </tr>
    <tr>
      <td>LS ,Lastest Start</td>
      <td>TF ,Total Float ( TF= LF - EF)</td>
      <td>LF ,Lastest Finish</td>
    </tr>
  </tbody>
</table>
    <br/>  <img :src="processNet04" width="100%"/>
      <br/><br/>


      4、双代号时标网络图<br/>

 是把双代号图加上上下两个时间刻度，围绕关键路径将其他活动根据时间情况进行画图，非关键路径上的活动时间差用波浪号连接，最后在活动箭线上标注活动名称及活动历时
    <br/>  <img :src="processNet05" width="100%"/>

<br/><br/>
5、横道图
<br/>
在Y轴用一列表格表示各个活动名称，X轴表示时间历时；然后每个活动用直箭头表示活动的持续时间
<br/>
      <img :src="processNet06" width="100%"/>
    </div>
  </div>
</template>

<script setup>
import processNet01 from "@/assets/images/processNet01.png";
import processNet02 from "@/assets/images/processNet02.png";
import processNet03 from "@/assets/images/processNet03.png";
import processNet04 from "@/assets/images/processNet04.png";
import processNet05 from "@/assets/images/processNet05.png";
import processNet06 from "@/assets/images/processNet06.png";
</script>

<style>
</style>